<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>购物车列表</title>
    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="js/jquery.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="js/HttpUtil.js"></script>
    <script src="js/cartList.js"></script>
    <script src="js/CacheUtil.js"></script>
    <link rel="stylesheet" href="css/cartList.css" type="text/css">
    <!--bootstrap-->
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <script src="bootstrap/js/bootstrap.min.js"></script>
</head>
<body>
<div  id="header"></div>
   <div class="w">
          <div class="cart-warp">
                 <!-- 头部全选模块 -->
                 <div class="cart-thead">
                     <div class="t-checkbox">
                        <input type="checkbox" name="" id="eqwe" class="checkall"> 全选
                     </div>
                     <div class="t-goods">商品</div>
                     <div class="t-price">单价</div>
                     <div class="t-num">数量</div>
                     <div class="t-sum">小计</div>
                     <div class="t-action">操作</div>
                 </div>
                 <!-- 商品详细模块 -->
                 <div class="cart-item-list" id="div_cartList">

                 </div>
                 <!-- 结算模块 -->
                 <div class="cart-floatbar">
                     <div class="select-all">
                         <input type="checkbox" name="" id="eeee" class="checkall">全选
                     </div>
                     <div class="operation">
                         <a href="javascript:;" class="remove-batch"> 删除选中的商品</a>
                         <a href="javascript:;" class="clear-all">清理购物车</a>
                     </div>
                     <div class="toolbar-right">
                         <div class="amount-sum">已经选<em>0</em>件商品</div>
                         <div class="price-sum">总价： <em>0</em></div>
                         <div class="btn-area"><a href="/shop-app/orders.html">加入订单</a></div>
                     </div>
                 </div>  <!-- cart-floatbar end -->
             </div>  <!-- cart-warp end -->
         </div>  <!-- w end -->
<!--   遍历购物车模板-->
<template id="template_cartList">
    <div class="cart-item" id="{cardId}">
        <div class="p-checkbox">
            <input type="checkbox" name="" id="" class="j-checkbox">
        </div>
        <div class="p-goods">
            <div class="p-img">
                <img src="{picture}" alt="" width="100px" height="100px">
            </div>
            <span>购物车ID：</span>
            <div class="cartId">{cartId}</div>
            <div class="p-msg">{name}&nbsp;&nbsp;{info}</div>
        </div>
        <div class="p-price">￥{price}</div>
        <div class="p-num">
            <div class="quantity-form">
                <a href="javascript:;" class="decrement">-</a>
                <input type="text" class="itxt" value="{num}">
                <a href="javascript:;" class="increment">+</a>
            </div>
        </div>
        <div class="p-sum">￥{price}</div>
        <div class="p-action"><a href="javascript:;">删除</a></div>
    </div>
</template>

<script>
    $(document).ready(function(){
        $("#header").load("header.html");
    })
</script>
 </body>

</html>